<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Vertical menu with line height demo</title>


<style>

body {
	margin:0;
	padding:0;
	background:#fff url(../images/back.jpg) repeat-x;	
	font:70% Arial, Helvetica, sans-serif; 
	color:#555;
	text-align:center;
	line-height:180%;
}
a{
	color:#000;
	text-decoration:none;
}
#container{
	margin:0 auto;
	width:575px;
	text-align:left;
	padding-top:20px;
}

ul#nav, ul#nav li{
	margin:0;
	padding:0;
	list-style:none;
}
ul#nav{
	background:url(bg.jpg) no-repeat 100% 0;
	height:214px;
}
ul#nav li{
	width:190px;
	margin-top:1px;
}
ul#nav li.first{
	margin:0;
}
ul#nav li a{
	display:block;
	width:100%;	
	background:#bae2f0 url(arrow1.gif) no-repeat 10px 50%;
	color:#0e85b0;	
	line-height:42px;	
	text-indent:25px;
}
ul#nav li a:hover{
	color:#fff;
	background:#0e85b0 url(arrow2.gif) no-repeat 10px 50%;
}


</style></head><body>

<div id="container"> 

	<ul id="nav">
		<li><a href="#">Homepage</a></li>
		<li><a href="#">About Us</a></li>
		<li><a href="#">Services</a></li>
		<li><a href="#">Portfolio</a></li>
		<li><a href="#">Contact us</a></li>
	</ul>

</div>

</body></html>